* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'PingFang SC';
}

/* #ifdef APP-PLUS */
/*/ 引入本地字体 */
// @font-face {
//   font-family: 'PingFang SC';
//   src: url('~@/static/PingFang SC Medium.ttf');
// }
/* #endif */

:root {
  --c-active: #0090ff;
  --c-warning: #e6a23c;
  --c-danger: #f78989;
}

/* flex */
.flex {
  display: flex;
  flex-direction: row;
}

.flex-1 {
  flex: 1;
}

.flex-jc-fe {
  justify-content: flex-end;
}
.flex-jc-c {
  justify-content: center;
}
.flex-jc-sa {
  justify-content: space-around;
}
.flex-jc-sb {
  justify-content: space-between;
}

.flex-ai-c {
  align-items: center;
}
.flex-ai-fs {
  align-items: flex-start;
}
.flex-ai-fe {
  align-items: flex-end;
}
.flex-ai-bl {
  align-items: baseline;
}

.flex-ac-fs {
  align-content: flex-start;
}
.flex-ac-c {
  align-content: center;
}
.flex-ac-fe {
  align-content: flex-end;
}
.flex-ac-sa {
  align-content: space-around;
}
.flex-ac-sb {
  align-content: space-between;
}

.flex-dir-c {
  flex-direction: column;
}
.flex-dir-cr {
  flex-direction: column-reverse;
}
.flex-wrap-w {
  flex-wrap: wrap;
}
.flex-wrap-wr {
  flex-wrap: wrap-reverse;
}

// 黄色按钮
.btn-bg-yellow {
  min-width: 200rpx;
  height: 60rpx;
  line-height: 60rpx;
  background: linear-gradient(-90deg, #fdd421, #ffe23e);
  text-align: center;
  border-radius: 60rpx;
  margin: 0px 4rpx;
  font-size: 28rpx;
  display: inline-block;
  padding: 0rpx 16rpx;
  .icon {
    margin: 0px 6rpx;
    vertical-align: middle;
  }
  uni-button::after,
  &::after {
    border: 0rpx !important;
  }
}
.mt-20 {
  margin-top: 20rpx;
}
.mt-10 {
  margin-top: 10rpx;
}
.mt-5 {
  margin-top: 5rpx;
}

.ml-20 {
  margin-left: 20rpx;
}
.ml-10 {
  margin-left: 10rpx;
}
.ml-5 {
  margin-left: 5rpx;
}

.mr-5 {
  margin-right: 5rpx;
}
.mr-10 {
  margin-right: 10rpx;
}
.mr-20 {
  margin-right: 20rpx;
}

.mb_20 {
  margin-bottom: 20rpx;
}
.mb_80 {
  margin-bottom: 80rpx;
}

.pl-5 {
  padding-left: 5rpx;
}
.pl-10 {
  padding-left: 10rpx;
}
.pl-15 {
  padding-left: 15rpx;
}
.width-100 {
  width: 100%;
}
.width-95 {
  width: 95%;
}
.width-90 {
  width: 90%;
}
.width-85 {
  width: 85%;
}
.width-80 {
  width: 80%;
}
.width-75 {
  width: 75%;
}
.width-70 {
  width: 70%;
}
.width-65 {
  width: 65%;
}
.width-60 {
  width: 60%;
}
.width-50 {
  width: 50%;
}
.width-40 {
  width: 40%;
}
.width-35 {
  width: 35%;
}
.width-30 {
  width: 30%;
}
.width-25 {
  width: 25%;
}
.width-20 {
  width: 20%;
}
.width-15 {
  width: 15%;
}
.width-10 {
  width: 10%;
}
.font-0 {
  font-size: 0;
}
.font-26 {
  font-size: 26rpx;
}
.font-24 {
  font-size: 24rpx;
}
.font-28 {
  font-size: 28rpx;
}
.font-30 {
  font-size: 30rpx;
}
.font-32 {
  font-size: 32rpx;
}
.font-34 {
  font-size: 34rpx;
}
.font-36 {
  font-size: 36rpx;
}
.font-bold {
  font-weight: bold;
}
.color-EB5B01 {
  color: #eb5b01 !important;
}
.color-FBB000 {
  color: #fbb000;
}
.color-EB5C02 {
  color: #eb5c02;
}
.color-3DB707 {
  color: #3DB707;
}
.color-000 {
  color: #000;
}
.color-333 {
  color: #333;
}
.color-666 {
  color: #666;
}
.color-999 {
  color: #999;
}
.color-fff {
  color: #fff;
}
.block-inline {
  display: inline-block;
}
.border-bottom-1 {
  border-bottom: 1px solid #f5f5f5;
}
.pad-t-b-10 {
  padding: 10rpx 0rpx;
}
.pad-t-b-20 {
  padding: 20rpx 0rpx;
}
.pad-t-b-15 {
  padding: 15rpx 0rpx;
}
.pad-l-r-20{
	 padding:0rpx 20rpx;
}
.pad-a-20{
	 padding:20rpx;
}
.pad-b-25{
	padding-bottom: 25rpx;
}
.middle {
  vertical-align: middle;
}

.hover-bg-color {
  opacity: 0.6;
  transition: 0.2s all;
}

// 文本单行一出省略
.s-line-text {
  /* 单行...*/
  overflow: hidden; /*超出部分隐藏*/
  white-space: nowrap; /*禁止换行*/
  text-overflow: ellipsis; /*省略号*/
}

@mixin mLineText() {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-box-orient: vertical;
}

// 文本多行一出省略
.m-line-text-2 {
  @include mLineText();
  -webkit-line-clamp: 2;
}
.m-line-text-3 {
  @include mLineText();
  -webkit-line-clamp: 3;
}
.m-line-text-4 {
  @include mLineText();
  -webkit-line-clamp: 4;
}
.m-line-text-5 {
  @include mLineText();
  -webkit-line-clamp: 5;
}

.fixedBottomBtn {
  width: 100%;
  height: 120rpx;
  position: fixed;
  bottom: 0rpx;
  background-color: #fff;
  .call {
    width: 20%;
    display: inline-block;
    text-align: center;
    line-height: 40rpx;
    padding: 20rpx 0px;
  }
  .btn {
    display: inline-block;
    width: 76%;
    overflow: hidden;
    position: absolute;
    top: 16rpx;
    .btnWrap,
    .btnWrap-3 {
      width: 100%;
      margin: auto;
      text-align: center;
      height: 88rpx;
      .left {
        color: #ffe03b;
        line-height: 88rpx;
        background-color: #333333;
        border-radius: 40rpx 0px 0rpx 40rpx;
        border-right: 1rpx solid #fff;
      }
      .right {
        color: #333333;
        line-height: 88rpx;
        background-color: #ffe03b;
        border-left: 1rpx solid #fff;
        border-radius: 0px 40rpx 40rpx 0rpx;
      }
    }
    .btnWrap-3 {
      .left {
        line-height: 40rpx !important;
        padding-top: 4rpx;
      }
      .middle-wrap {
        color: #ffe03b;
        background-color: #333333;
        padding-top: 4rpx;
        line-height: 40rpx !important;
      }
    }
  }
}
